.order-details {
  position: relative;

  .p-layout-content {
    padding: 20px 40px;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }



  .order-details-content {
    margin-bottom: 40px;
    -ms-flex: 1;
    flex: 1;

    &:last-child {
      margin: 0;
    }

    .order-details-title {
      background: #f5f5f5;
      padding: 20px;
      margin-bottom: 40px;
      font-weight: 600;
      font-size: 14px;
    }

    .order-details-time {
      width: 80px;
      text-align: center;
    }

    .order-details-information,
    .order-details-information-sales {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(4, auto);
      grid-row-gap: 20px;
      padding: 20px;
      font-size: 14px;

      .order-details-information-item {
        display: flex;
        align-items: flex-start;

        .item-title {
          color: #aaa;
        }

        .item-separated {
          margin: 0 10px;
        }

        .item-value {
          .ant-image {
            margin-right: 10px;
          }
        }
      }
    }

    .order-details-receiving {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(3, auto);
      padding: 0 20px;
      font-size: 14px;

      .item-title {
        color: #aaa;
      }

      .item-separated {
        margin: 0 10px;
      }
    }
  }

  //.ant-steps-item-content {
  //  display: flex !important;
  //  -ms-flex-direction:column;
  //  flex-direction: column;
  //  justify-content: center;
  //  align-items: center;
  //
  //  .ant-steps-item-description {
  //    width: 80px;
  //  }
  //}

  .ant-table-summary {
    background: #f5f5f5;
  }
}

.mall-order {
  .p-layout-content {
    display: flex;

    .ant-tabs {
      -ms-flex: 1;
      flex: 1;

      .ant-tabs-content-holder {
        height: 100%;

        .ant-tabs-content {
          height: 100%;
        }
      }
    }
  }
}

.printBtn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.gift {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffd700;
  opacity: 1;
  position: absolute;
  left: 50px;
  bottom: 10px;
  transform: rotateZ(-30deg) scale(1);

}

.mergeTitle {
  font-size: 25px;
  font-weight: 800;
  text-align: center;
}

.msgTitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
}

.msgContent {
  width: 100%;
  outline: 1px solid gainsboro;
  padding: 10px;
  font-size: 15px;
  line-height: 30px;
}

.readyOrder {
  width: 100%;
  outline: 1px solid gainsboro;
  font-size: 15px;
  line-height: 30px;
}

.ordertitle {
  height: 60px;
  outline: 1px solid gainsboro;
  padding: 10px;
}

.orderlist {
  outline: 1px solid gainsboro;
  padding-bottom: 1vh;
}
.colorBox{
  display: flex;
  justify-content: center;
  line-height: 30px;
}
.remarkColor{
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
